/* CSS Document */


body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; min-width: 980px; background: #fff; font-size: 14px; color: #666; }
img { border: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; color: #666; font-family: "Microsoft YaHei"; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.fl{ float:left;}
.fr{ float:right;}
#header { width: 100%; height: 155px; background: url(../images/top_bg.jpg) repeat-x; }
#head_top, #head_bottom { width: 1200px; margin: 0 auto; }
#head_top .head_hyy { float: left; width: 50%; line-height: 32px; }
#head_top .head_tel { float: right; width: 17%; line-height: 32px;padding-left: 25px; }
.top_icon {float: right;width: 150px;margin-top: 2px;height: 40px;}
.top_icon span{ display:inline-block; margin-top:4px;}
.top_icon .ft_icon03 {background-position: -80px 0px;}
.top_icon a { height: 25px;width: 40px;background-image: url(../images/top_icon.png);display: block;float: right;margin-left: 0px;padding: 0px; line-height: 999px;overflow: hidden;}
.top_icon .ft_icon02 { background-position: -38px 0px;}

#head_bottom .logo { float: left; margin-top: 36px; }
#head_bottom .sousou { text-align: right; float: right; margin: 45px 10px 0 0; }
#head_bottom .sousou input { margin: 0px; padding: 0px; float: left; }
#head_bottom .sousou .inp_1 { width: 315px; height: 32px; border: 2px solid #0084ff; border-right: none;background: #fff;padding-left: 15px;color: #433535;}
#head_bottom .sousou .inp_2 { width: 94px; height: 36px; background: url(../images/ss_btn.jpg) no-repeat; border: none; }
#head_bottom .online { float: right; margin-top: 45px; }
#nav { width: 100%; height: 45px; }
#nav ul { width: 1200px; margin: 0 auto; }
#nav ul li { float: left; width: 150px; line-height: 30px; font-size: 16px; height:42px; }
#nav ul li:hover{ border-bottom:3px solid #0280f6;}
#nav ul li a { display: inline-block; text-align: center; width: 150px; color: #333; }
/*----宽屏*banner----*/
#banner_big { height: 475px; width: 100%; background: none; clear: both; position: relative; z-index: 999 }
#banner_big .swiper-container1 { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
#banner_big .swiper-container1 .swiper-slide { background-size:1920px 475px!important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
/*分页器*/
#banner_big .swiper-container1 .swiper-pagination { width:100%; height:10px; margin:0; padding:0; left:0; bottom:20px!important;}
#banner_big .swiper-container1 .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px!important; border-radius:0; opacity:0.5; background-color:#fff;}
#banner_big .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active { opacity:1; background-color:#f00;}
#banner_big .swiper-container1 .swiper-button-prev, #banner_big .swiper-container1 .swiper-button-next { width:40px!important; height:60px!important; position:absolute; top:50%!important; margin:-30px 0 0!important;}
#banner_big .swiper-container1 .swiper-button-prev { background:url(../images/prev.png) center center no-repeat; background-size:40px 60px; left:20px;}
#banner_big .swiper-container1 .swiper-button-next { background:url(../images/next.png) center center no-repeat; background-size:40px 60px; right:20px;}
/*----宽屏*结束----*/

#about { margin: 0 auto; width: 1200px; }
#products .abt,#paper .abt,#about .abt{ margin: 20px 0 30px; width: 1200px; float: left; background:url(../images/sy_tb.png) no-repeat center; text-align:center; color:#0280f6; }
#products .abt p,#paper .abt p,#about .abt p{ font-size:16px; margin-bottom:5px;letter-spacing:5px;}
#products .abt b,#paper .abt b,#about .abt b{ font-size:28px;}
#about .abp { width: 100%; float: left }
#about .abp1 { padding: 30px; width: 540px; background: #f1f1f1; float: left; height: 240px; }
#about .abp2, #about .abp3, #about .abp4 { width: 600px; float: left; height: 300px }
#about .abp11 { padding-right: 460px; background: url(../images/index_abline.png) no-repeat right center; color: #0280f6; font-size: 18px }
#about .abp12 { text-align: left; line-height: 24px; color: #333; font-size: 14px; padding-top: 22px }
#about .abp21, #about .abp22 { position: relative; width: 300px; float: left; height: 300px; overflow: hidden }
#about .abp21t { position: absolute; text-align: center; width: 300px; display: block; background: url(../images/index_abbg.png) no-repeat center 50%; height: 300px; top: 300px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp21t A { text-align: center; padding-bottom: 162px; line-height: 18px; width: 100%; display: block; color: #fff; font-size: 18px; padding-top: 120px; }
#about .abp21t A:hover { color: #fff; text-decoration: none; }
#about .abp21:hover .abp21t { top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp22t { position: absolute; text-align: center; width: 300px; display: block; background: url(../images/index_abbg.png) no-repeat center 50%; height: 300px; top: 300px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#about .abp22t A { text-align: center; padding-bottom: 162px; line-height: 18px; width: 100%; display: block; color: #fff; font-size: 18px; padding-top: 120px }
#about .abp22t A:hover { color: #fff; text-decoration: none }
#about .abp22:hover .abp22t { top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp21:hover IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1) }
#about .abp22:hover IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1) }
#about IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp31, #about .abp41 { width: 300px; float: left; height: 300px; overflow: hidden }
#about .abp32, #about .abp42 { position: relative; width: 300px; float: left; height: 300px; overflow: hidden }
#about .abp32 A { position: absolute; line-height: 24px; padding-left: 95px; width: 205px; display: block; background: url(../images/index_abbg2.png) center 50%; height: 205px; top: 300px; padding-top: 95px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp32 A:link, #about .abp32 A:active, #about .abp32 A:visited, #about .abp32 A:hover { color: #fff; font-size: 14px; text-decoration: none }
#about .abp32 SPAN { color: #000; font-size: 16px; font-weight: bold }
#about .abp3:hover A { top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp3:hover .abp32 IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1) }
#about .abp42 A { position: absolute; line-height: 24px; padding-left: 95px; width: 205px; display: block; background: url(../images/index_abbg2.png) center 50%; height: 205px; top: 300px; padding-top: 95px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp42 A:link, #about .abp42 A:active, #about .abp42 A:visited, #about .abp42 A:hover { color: #fff; font-size: 14px; text-decoration: none }
#about .abp4:hover A { top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#about .abp4:hover .abp42 IMG { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1) }
#products, #paper { width: 1200px; margin: 20px auto; }

#paper .news { width: 635px; float: left; }
#paper .article { width: 516px; float: right; }
.news_bt { background: url(../images/ico.gif) no-repeat left center; padding-left: 30px;}
.article_bt { background: url(../images/ico3.gif) no-repeat left center; padding-left: 30px;}
.news_bt b, .article_bt b { font-weight: normal; font-size: 18px; margin-right: 10px; }
.news_bt span, .article_bt span { font-size: 15px; color: #d0d0d0; }
.new_tp {height: 110px; overflow: hidden; margin: 0 auto; padding: 20px 0 0; }
.new_tp .new_img { width: 250px; height: 110px; overflow: hidden; margin: 0 15px 0 0; padding: 0; float: left; display: table-cell; vertical-align: middle; text-align: center; }
.new_tp h3 { height: 28px; overflow: hidden; line-height: 26px; color: #343434; font-size: 16px; margin-top: 5px; font-weight: normal; }
.new_tp .new_xq { height: 66px; overflow: hidden; line-height: 23px; font-size: 14px; text-align: justify; text-justify: inter-ideograph; margin-top: 12px; }
.new_tp .new_sj b { background: url(../images/ico1.gif) no-repeat left center; font-weight: normal; padding-left: 25px; float: left; color: #ccc; }
.new_tp .new_sj span { display: inline-block; width: 66px; height: 22px; background: #b50f11; float: right; text-align: center; line-height: 22px; }
.new_tp .new_sj span a { color: #fff; }
#ny_newslb_box { clear: both; margin-top: 11px; }
#ny_newslb_box li { height: 38px; line-height: 38px; background: url(../images/ico2.gif) no-repeat left 15px; padding-left: 18px; font-size: 14px; overflow: hidden; border-bottom: 1px dotted #ddd; }
#ny_newslb_box li a { color: #2c2c2c; float: left; font-size: 14px; width:420px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#ny_newslb_box li span { float: right; color: #ccc; }
.lk_main { width: 1200px; overflow: hidden; margin: 20px auto; }
#footer { width: 100%; overflow:hidden; background: #055aa0; }
#foot { width: 1200px; margin: 0 auto; padding: 30px 0; position: relative; }
#foot .go_top { position: absolute; left: 1152px; top: 1px; }
#foot .foot_top { border-bottom: 1px solid #1469af; padding-bottom: 15px; }
#foot .foot_top ul li { width: 320px; float: left; height: 72px; color: #fff; }
#foot .foot_top ul li.tel { background: url(../images/foot_tel.png) no-repeat left center; padding-left: 80px; }
#foot .foot_top ul li.email { background: url(../images/foot_email.png) no-repeat left center; padding-left: 80px; }
#foot .foot_top ul li.address { background: url(../images/foot_add.png) no-repeat left center; padding-left: 80px; }
#foot .foot_top ul li h3 { font-weight: normal; font-size: 14px; margin: 12px 0; }
#foot .foot_bottom { border-top: 1px solid #0f5188; padding: 35px 0 0; }
#foot .foot_nav a { display: inline-block; width: 145px; font-size: 14px; color: #fff; text-align: center; }
#foot .wz { font-size: 14px; text-align: center; color: #fff; line-height: 30px; margin-top: 27px; }
#foot .wz a { color: #fff; }
#about_banner { width: 100%; background: url(../images/about_bn.jpg) no-repeat center; height: 345px; }
#news_banner { width: 100%; background: url(../images/news_bn.jpg) no-repeat center; height: 345px; }
#article_banner { width: 100%; background: url(../images/article_bn.jpg) no-repeat center; height: 345px; }
#products_banner { width: 100%; background: url(../images/products_bn.jpg) no-repeat center; height: 345px; }
#order_banner { width: 100%; background: url(../images/order_bn.jpg) no-repeat center; height: 345px; }
#contact_banner { width: 100%; background: url(../images/contact_bn.jpg) no-repeat center; height: 345px; }
#job_banner { width: 100%; background: url(../images/job_bn.jpg) no-repeat center; height: 345px; }
.ly_aboutus { width: 1100px; overflow: hidden; margin: 0 auto; padding: 0; }
.ab_p1, .ab_p5, {width:1100px;overflow:hidden;margin:40px auto;padding:0;}
.ab_tit { width: 1100px; overflow: hidden; margin: 0 auto 20px; padding: 0; }
.ab_icon1, .ab_icon5 { display: block; width: 70px; height: 76px; overflow: hidden; margin: 0 auto; padding: 0; }
.ab_icon1 { background: url(../images/ab_icons.png) 0 0 no-repeat; }
.ab_icon5 { background: url(../images/ab_icons.png) 0 -426px no-repeat; }
.ab_line { display: block; width: 1100px; height: 6px; overflow: hidden; margin: 10px auto 5px; padding: 0; background: url(../images/ab_line.png) 0 0 no-repeat; }
.ab_tit h2 { width: 1100px; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto; padding: 0; }
.ab_con_img { width: 1100px; max-height: 300px; overflow: hidden; margin: 0 auto; padding: 0; display: table-cell; vertical-align: middle; text-align: center; }
.ab_con_img img { max-width: 100%; max-height: 100%; }
.ab_p1 h3, .ab_p5 h3 { width: 1100px; overflow: hidden; margin: 10px auto; padding: 0; color: #000; font-size: 16px; font-weight: bold; text-align: center; }
.ab_p1 p, .ab_p5 p { width: 100%; overflow: hidden; margin: 10px auto; padding: 0; line-height: 24px; color: #666; font-size: 14px; text-align: justify; text-justify: inter-ideograph; }
.ab_p1 p span, .ab_p5 p span { color: #000; font-weight: bold; }
.hy_main { width: 590px; height: 230px; overflow: hidden; margin: 10px auto; padding: 0; background: #e6e6e6 url(../images/hy_line.jpg) center center no-repeat; }
.hy_main .hy_img { width: 295px; height: 185px; overflow: hidden; margin: 0; padding: 23px 0 22px; display: table-cell; vertical-align: middle; text-align: center; }
.hy_main .hy_text { width: 215px; height: 150px; overflow: hidden; margin: 0; padding: 40px; }
.hy_text h5 { width: 100%; overflow: hidden; line-height: 40px; margin: 14px 0 20px; padding: 0; color: #333; font-size: 18px; font-weight: bold; }
.hy_text p { width: 100%; overflow: hidden; line-height: 30px; margin: 0; padding: 0; color: #333; font-size: 14px; }
.hy_text p em { color: #d90101; font-family: "Arial"; font-size: 24px; font-weight: bold; font-style: normal; }

.ab_honor { margin:0 auto 40px;}
.mr_frbox { width:100%; height:180px; margin:0; padding:0 50px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mr_frbox .swiper-container4 { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mr_frbox .swiper-container4 .swiper-slide { padding:10px; border:1px solid #ccc; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mr_frbox .swiper-container4 .swiper-slide .hnr_img { width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative;}
.mr_frbox .swiper-container4 .swiper-slide .hnr_img img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}

.mr_frbox .swiper-button-prev, .mr_frbox .swiper-button-next { width:40px!important; height:60px!important; position:absolute; top:50%!important; margin:-30px 0 0!important;}
.mr_frbox .swiper-button-prev { background:url(../images/prev.png) center center no-repeat; background-size:40px 60px; left:0;}
.mr_frbox .swiper-button-next { background:url(../images/next.png) center center no-repeat; background-size:40px 60px; right:0;}



.ny_tit1{ margin-bottom:15px !important;}
.ny_tit2{ margin-bottom:25px !important;}
.ny_tit { width: 860px; height: 60px; overflow: hidden; line-height: 60px; margin: 0 0 35px 25px; padding: 0; border-bottom: 1px solid #d9d9d9; }
.ny_tit img { display: block; width: 30px; height: 30px; overflow: hidden; margin: 15px 10px 15px 0; padding: 0; float: left; }
.ny_tit a { color: #333; font-size: 14px; }
.ny_tit a:hover { color: #0280f6; }
.ny_main { width: 1200px; margin: 30px auto 0; padding: 0 0 20px 0; }
.ny_left { width: 285px; float: left; }
.list_bt { background: url(../images/ico4.gif) no-repeat 10px center; padding-left: 60px; height: 60px; line-height: 20px; border-bottom: 1px solid #ddd; width: 150px; margin-left: 40px; }
.list_bt b { display: inline-block; margin-top: 13px; font-size: 18px; font-weight: normal; }
.list_bt p { font-size: 10px; }
.ny_new, .ny_new1 { width: 885px; float: right; }
.ny_new ul li { width: 860px; height: 80px; overflow: hidden; margin: 0 0 0 25px; padding: 20px 0; border-bottom: 1px dotted #dbd4cd; }
.ny_new ul li .jihua { display: block; width: 860px; height: 80px; overflow: hidden; margin: 0 auto; padding: 0; }
.ny_new ul li .jihua .nw_time { width: 100px; height: 80px; overflow: hidden; color: #fff; font-size: 26px; font-weight: bold; font-family: "Arial"; text-align: center; background-color: #198ede; float: left; margin: 0 15px 0 0; }
.ny_new ul li .jihua:hover .nw_time { background-color: #f90; }
.nw_time span { display: block; width: 100px; height: 30px; line-height: 30px; font-size: 18px; font-weight:normal; text-align: center; margin: 10px 0 0; }
.ny_new ul li .jihua .h3 { height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 18px; margin: 0 0 6px; }
.ny_new ul li .jihua:hover .h3 { color: #f90; }
.ny_new ul li .jihua p { height: 44px; overflow: hidden; line-height: 22px; color: #999; font-size: 14px; text-align: justify; text-justify: inter-ideograph; }
.lefter_title {width: 100%;float: left;overflow: hidden;height: 100px;background: #0280f6;text-align: center;}
.lefter_title span {font-weight: bold;font-size: 28px;color: #ffffff;padding-top: 15px;display: inline-block; line-height:35px;}
.lefter_list { width: 100%; float: left; overflow: hidden; background:#f0f0f0; padding-bottom:6px;}
.lefter_list li.dla { border-top: 1px solid #c8c8c8; width: 100%; height:53px; line-height:53px; text-indent:3em; background:url(../images/plus.png)  no-repeat; margin:6px 0;}
.lefter_list li.dla:nth-child(1) {margin-top: 0;}
.lefter_list li a { color: #fff; font-size: 16px; display: block;}
.lefter_list li a.on { background: #0158a8 url(../images/plus.png) 218px no-repeat; color: #ffffff; }
#pro2_navul li { width: 100%; height:33px; line-height:33px; border: none; text-indent:3em; }
#pro2_navul li a { color: #000000; font-size: 14px; display: block; background-image: none; }
.pro_wz { width: 1200px; height: 60px; overflow: hidden; line-height: 60px; margin: 0 auto 30px; padding: 0; border-bottom: 1px solid #ccc; }
.pro_wz img { display: block; width: 30px; height: 30px; overflow: hidden; margin: 15px 10px 15px 0; padding: 0; float: left; }
.pro_wz a { color: #333; font-size: 14px; }
.pro_wz a:hover { color: #f90; }
.pro_oth { width: 1198px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #ccc; }
.pro_oth .oth_tit { width: 100%; height: 48px; overflow: hidden; margin: 0 auto; padding: 0; border-bottom: 1px solid #ccc; }
.oth_tit h3 { height: 46px; line-height: 46px; color: #333; font-size: 16px; font-weight: bold; margin: 0; padding: 0 15px; border-bottom: 2px solid #0280f6; float: left; }
.oth_tit a { display: block; height: 48px; line-height: 48px; color: #999; font-size: 14px; margin: 0; padding: 0 15px; float: right; }
.oth_tit a:hover { color: #0280f6; }
.branddata { width: 666px; height: 420px; display: block; clear: both; padding: 20px 0 0 0; text-align: center; }
.branddata table { width: 432px; height: 420px; border: 0px; margin: 0px auto; background: #EEEEEE; padding: 5px; }
.branddata table tr td { width: 432px; height: 420px; border: 1px solid #DBD8D8; background: #fff; text-align: center; vertical-align: middle; }
.branddata table tr td img { width: 432px; }
.productimg { width: 432px; height: 400px; position: relative; background: #EEEEEE; padding: 5px; text-align: center; }
.productimg table { width: 432px; height: 420px; border: 1px solid #DBD8D8; float: left; }
.productimg table img { width: 400px; height: 400px; }

.smallProductImg { width: 280px; height: 77px; float: left; overflow: hidden; margin-top: 8px; position: relative; }
.smallProductImg ul { position: absolute; left: -4px; top: 0; width: 280px; }
.smallProductImg ul li { width: 69px; height: 59px; float: left; position: relative; }
.smallProductImg ul li table { position: absolute; border: 0; border-collapse: collapse; border-spacing: 0; left: 4px; z-index: 1; }
.smallProductImg ul li table tr td { width: 59px; height: 59px; border: 1px solid #d0dae4; text-align: center; vertical-align: middle; }
.smallProductImg ul li b { width: 57px; height: 57px; display: none; position: absolute; z-index: 2; border: 2px solid #fe8401; left: 4px; }
.smallProductImg ul li i { width: 10px; height: 10px; display: none; position: absolute; z-index: 3; right: 4px; bottom: 0; }
.smallProductImg ul li.showChoose b, .smallProductImg ul li.showChoose i { display: block; }
.smallProductImg ul li a { width: 59px; height: 59px; display: block; position: absolute; left: 4px; z-index: 4; }
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens { border: 4px solid #888; margin: -4px;	/* Set this to minus the border thickness. */ background-color: #fff; cursor: move; }
/* This is for the title text. */
.cloud-zoom-title { font-family: Arial, Helvetica, sans-serif; position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0px; }
/* This is the zoom window. */
.cloud-zoom-big { border: 4px solid #ccc; overflow: hidden; }
/* This is the loading message. */
.cloud-zoom-loading { color: white; background: #222; padding: 3px; border: 1px solid #000; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 2px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 99%; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; }
.pro_gs { width: 100%; overflow: hidden; margin: 0 auto ; padding: 0; }
.pro_gs .gs_tit { width: 100%; height: 45px; overflow: hidden; margin: 0 0 20px; padding: 0; border-bottom: 1px solid #d9d9d9; }
.gs_tit h3 { width: 120px; height: 45px; overflow: hidden; line-height: 45px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background-color: #5a5a5a; border-radius: 2px 2px 0 0; }
.pro_gs .gs_text { width: 100%; overflow: hidden; margin: 0; padding: 0 0 20px 0; border-bottom: 1px dotted #d9d9d9; }
.gs_text h4 { width: 100%; overflow: hidden; line-height: 24px; color: #333; font-size: 14px; font-weight: bold; text-indent: 2em; margin: 0 auto 10px; padding: 0; }
.gs_text p { width: 100%; overflow: hidden; line-height: 24px; color: #666; font-size: 14px; text-indent: 2em; margin: 0 auto 10px; padding: 0; text-align: justify; text-justify: inter-ideograph; }
.pr_nt { width: 100%; height: 30px; overflow: hidden; margin: 30px auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.pr_nt ul li { width: 50%; height: 30px; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.pr_nt ul li span { color: #333; }
.pr_nt ul li a { color: #666; display: inline; }
.pr_nt ul li a:hover { color: #f90; }
.pr_nt ul li.fr { text-align: right; }
.newsname { width: 840px; padding-left: 10px; font-size: 16px; font-weight: bold; line-height: 50px; height: 50px; border-bottom: 1px dotted #ddd; text-align: center; display: block; margin-left: 30px; }
.dcont { line-height: 24px; padding: 0px 10px 10px 30px;  }
#news_sx { margin: 20px 15px 0 20px; color: #80817c; font-size: 14px; line-height: 30px; }
#news_sx .sx_left { float: left; }
#news_sx .sx_right { float: right; background: url(../images/fh.png) no-repeat right center; padding-right: 20px; margin-top: 10px; }
#ny_newslb_box1{ margin:20px 10px 20px 35px;}
#ny_newslb_box1 li{ height:43px;line-height:46px; border-bottom:1px dotted #ddd; font-size:14px; overflow:hidden; background:url(../images/ico13.jpg) no-repeat left center; padding-left:20px;}
#ny_newslb_box1 li a.downone{ color:#636363; float:left; width:530px;}
#ny_newslb_box1 li a.downtwo{ float:right; margin:15px 15px 0 0; width:15px; height:12px; display:block; background:url(../images/job.png) no-repeat;}
#ny_newslb_box1 li a.downtwo:hover{ background:url(../images/job_hover.png) no-repeat;}
#ny_newslb_box1 li span{ float:left; color:#b6b6b6;}

.down_biaoti{ font-size:16px; text-align:center;}
.down_detail{ height:40px; background:#f6f6f6; margin-top:20px; line-height:40px; border:1px dotted #c8c8c8;}
.down_detail span{ display:block; float:left; width:138px; font-size:14px; text-align:center;}
.down_detail1{ height:40px; line-height:40px; border-bottom:1px dotted #c8c8c8;}
.down_detail1 span{ display:block; float:left; width:138px; font-size:14px; text-align:center;}
#job_content{ padding:15px;}
#zwms p{ line-height:22px;}
#zwms{ padding:15px;border-bottom:1px dotted #c8c8c8; }
#zwms b{ color:#2b62a2; font-size:14px;}
#job_content b{color:#2b62a2; font-size:14px;}
#job_content p{ line-height:25px; color:#949693;}

.contact{ line-height:35px; margin:0 0 0 35px; font-size:14px;}
.ly_page{ text-align:center; margin-top:30px;}

/* 在线客服样式 */
.scrollsidebar { position:fixed;z-index:999;top:160px;}
.side_content { width:120px;height:auto; overflow: hidden; margin: 0; padding: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 4px 0 0 4px; float:left;}
.side_content .side_list { width:120px;overflow:hidden;background: #fff;}
.side_title { width:100px; height:36px; overflow:hidden; line-height:36px; color:#fff; font-size:14px; font-weight:bold; background-color:#0e8de6; margin:0; padding:0 10px;}
.side_title a.close_btn { width:16px;height:16px;margin: 6px 0; padding: 4px; background: url(../images/kfjt_tb01.png) center center no-repeat; cursor: pointer; float:right;}
.side_title a.close_btn:hover { background: url(../images/kfjt_tb02.png) center center no-repeat;}
.show_btn { width:0; height:100px;overflow:hidden;margin:0;padding: 10px 0; float:left;cursor:pointer; background-color: #0e8de6; border-radius: 4px 0 0 4px;}
.show_btn span { display: block; width: 20px; line-height: 16px; margin: 0 auto; padding: 0; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.show_btn a { display:block; width: 16px; height: 16px; overflow: hidden; margin: 20px auto 0; padding: 0; background: url(../images/kfjt_tb1.png) center center no-repeat;}
.show_btn:hover a { background: url(../images/kfjt_tb2.png) center center no-repeat;}

.side_center { width:120px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #fff;}
.side_center .side_qq { width:100px; height: 30px; overflow: hidden; line-height: 30px; margin: 0 auto; padding: 10px; border-bottom: 1px solid #cfe8fa;}
.side_qq a { color:#565656; font-size: 14px;}
.side_center .side_tel { width:100px; overflow: hidden; margin: 0 auto; padding: 0 10px 10px;}
.side_tel h3 { width:100%; height: 30px; line-height: 30px; color:#565656; font-size: 14px; margin: 10px auto 4px;}
.side_qq a img, .side_tel h3 img { display:block; width:20px; height: 20px; overflow: hidden; margin: 5px 8px 5px 0; padding: 0; float: left;}
.side_tel a { display: block; width:100%; overflow: hidden; line-height: 20px; color: #565656; font-family: "Helvetica"; font-size: 14px; text-align: justify;}

.go_top { width:120px; height: 36px; overflow: hidden; margin: 0 auto; padding: 0;}
.go_top a { display:block; width: 120px; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-family: "Helvetica"; font-size: 14px; text-align: center; background-color: #0e8de6; border-radius: 0 0 0 4px;}
.go_top a img { vertical-align:middle; margin: -4px 0 0 2px;}
.go_top a:hover { background-color:#0e8de6;}
.proR ul li{ width:280px; height:315px; position:relative;  margin-right: 24px; margin-bottom: 40px; float:left;}
.proR ul li:nth-child(4n) { margin-right: 0px; }
.proR ul li .proimg_bk{ width:280px; height:270px; border:1px solid #f1f1f1; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proR ul li .proimg_bk .proimg{width:280px;line-height:268px;*line-height:270px;height:268px;*height:270px;text-align:center;position:static;+position:absolute;top:50%}
.proR ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:270px; max-height:255px}

.proR ul li p{ height:40px; background:#0281f6; text-align:center; line-height:40px; font-size:14px; color:#fff;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.proR ul li p a{color:#fff; text-decoration:none;}
.proR ul li:hover p{ background:#fe0005;}
.proR ul li .hei{ width:280px; height:270px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR ul li .Detail{ position:absolute; left:80px; top:120px; width:120px; height:30px; display:block; background:#fe0005; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR ul li:hover .Detail{ display:block;}
.proR ul li:hover .hei{ display:block;}

.proR1{ margin-left:32px;}
.proR1 ul li{ width:255px; height:240px; position:relative;  margin-right: 40px; margin-bottom: 40px;  float:left;}
.proR1 ul li:nth-child(3n) { margin-right: 0px; }
.proR1 ul li .proimg_bk{ width:255px; height:210px; border:1px solid #f1f1f1; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proR1 ul li .proimg_bk .proimg{width:255px;line-height:208px;*line-height:210px;height:208px;*height:210px;text-align:center;position:static;+position:absolute;top:50%}
.proR1 ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:270px; max-height:255px}
.proR1 ul li p{ height:40px; background:#0281f6; text-align:center; line-height:40px; font-size:14px; color:#fff;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;width:255px; display:block;overflow:hidden;}
.proR1 ul li p a{color:#fff; text-decoration:none;}
.proR1 ul li:hover p{ background:#fe0005;}
.proR1 ul li .hei{ width:255px; height:210px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR1 ul li .Detail{ position:absolute; left:70px; top:100px; width:120px; height:30px; display:block; background:#fe0005; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR1 ul li:hover .Detail{ display:block;}
.proR1 ul li:hover .hei{ display:block;}

#nybanner{ width:100%; height:300px; background:url(../images/nybanner.jpg) no-repeat center;}

.pro_lt { margin-left:32px;}
.pro_lt li {/* width:1160px; */overflow:hidden;margin:0 auto 20px;padding:0;}
.pro_lt li .pro_lt_c {display:block;/* width:1140px; */overflow:hidden;margin:0 auto;padding: 20px;border:1px solid #eaeaea;background-color:#fff;}
.pro_lt li .pro_lt_c:hover { border:1px solid #175bc0;}
.pro_lt li .pro_lt_c .pro_img {width:200px;height: 160px;overflow:hidden;margin: 0 20px 0 0;padding:0;float:left;position:relative;}
.pro_img a{display:block;width:100%;height:100%;text-align:center;}
.pro_img img { display:block; max-width:95%; max-height:95%;vertical-align:middle; webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.pro_lt li :hover .pro_img img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
.pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.pro_lt li .pro_lt_c .pro_text {width: 454px;height: 150px;overflow:hidden;margin:0;padding:0;float:left;margin-top: 4px;}
.pro_lt li .pro_lt_c .pro_text  a{color:#333;display:block;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.pro_lt li .pro_lt_c .pro_text b { width:100%; height:30px; overflow:hidden; line-height:30px; margin:20px auto; padding:0; color:#222; font-size:18px;}
.pro_lt li .pro_lt_c:hover .pro_text b { color:#175bc0;}
.pro_lt li .pro_lt_c .pro_text p {width:100%;height: 50px;overflow:hidden;line-height:24px;margin: 0 auto 15px;padding:0;color:#999;font-size:14px;}
.pro_text b font, .pro_text p font { font-family:"Arial";}
.pro_lt li .pro_lt_c .pro_ck {width: 120px;height: 40px;overflow:hidden;line-height: 40px;color:#fff;font-size:14px;text-align:center;background-color:#175bc0;margin: 45px 0;padding:0;float:right;}
.pro_lt li .pro_lt_c .pro_ck a{ color:#fff;}
.pro_lt li .pro_lt_c .pro_ck img {display:inline-block;width: 25px;height: 7px;overflow:hidden;margin:10px 0 0 10px;padding:0;}
.pro_lt li .pro_lt_c:hover .pro_ck { background-color:#1367c7;}
.pro_lt li .pro_lt_c:hover .pro_text  a{color:#175bc0;}
.pro_lt li .others{color: #828282;font-size: 14px;height: 32px;line-height:30px;margin-bottom:15px;overflow: hidden;}
.pro_lt li .others i{color: #175bc0;font-style: normal;}
.pro_lt li .others span{display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding:0 15px 0 32px;background: #f1f1f1;font-size:14px;}
.pro_lt li .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
.pro_lt li .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
.pro_lt li .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}

/**prodetail**/
.pro_detail_main { width:1200px; height:auto; margin: 40px auto 0; padding: 0; position: relative;}
.pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; box-sizing: border-box; float: left;}
.pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pro_detail_main .pro_detail_text { width:670px; height:auto; overflow: hidden; margin: 0; padding: 0; float: right; position:relative;}
.pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #0d59ab; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;}
.pro_detail_text .jyms { width:100%; height:128px; overflow:hidden; margin:20px auto; padding:14px 20px; background-color:#f8f8f8; box-sizing: border-box;}
.pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0;}
.pro_detail_text .jyms p span { color:#333; font-weight: bold; font-size: 15px;}
.pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;}
.pro_detail_text ul li { width:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 15px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 5px auto; padding: 0; float:left;}
.pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;}
.pro_detail_text ul li span { color:#333; font-weight: bold;}
.pro_detail_text .pro_detail_btn { width:670px; height: 52px; overflow: hidden; margin: 0 auto; padding: 0;}
.pro_detail_btn a { display:block; width: 315px; height: 52px; overflow: hidden; line-height: 52px; color: #fff; font-size: 20px; text-align: center; margin: 0; padding: 0; float: left;}
.pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 40px 0 0; background-color:#0280f6;}
.pro_detail_btn a.prodtl_btn2 { float:left; background-color: #4a4a4a;}
.pro_detail_btn a.prodtl_btn1:hover { background-color: #2671c1;}
.pro_detail_btn a.prodtl_btn2:hover { background-color: #2671c1;}

/**产品详情页产品图片切换**/
.prodetail_img { width:490px; height: 440px; margin: 0; padding: 0; box-sizing: border-box; float: left;}
#preview { width:490px; margin:0; text-align:center; position:relative;}
.list-h li { float:left;}
#spec-n5 { width:490px; height:70px; padding-top:10px; overflow:hidden;}
#spec-left { width:16px; height:64px; float:left; cursor:pointer; margin-top:3px;}
#spec-right { width:16px; height:64px; float:left;cursor:pointer; margin-top:3px;}
#spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul { }
#spec-list ul li { float:left; display:inline; padding:0 10px 0 0; width:90px; height:66px; margin:0;}
#spec-list ul li:last-child { padding:0;}
#spec-list ul li p { width:88px; height:64px; overflow:hidden; margin:0; padding:0; border:1px solid #eaeaea; position:relative;}
#spec-list ul li:hover p { border:1px solid #0d59ab;}
#spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
/*jqzoom*/
.jqzoom { position:relative; width:490px; height:360px; overflow:hidden; padding:0; border:1px solid #eaeaea; box-sizing: border-box;}
.jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:510px!important; top:0!important;}
.bigimg { }
.jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list { position:relative; width:490px; margin:0;}
#spec-list div { width:490px!important; height:70px!important; margin:0;}

#ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;}

.prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;}
.Warning { width:100%!important; height:100%!important;}


/**在线留言样式修改**/
.ly_msg h3 { display:none!important;}
.ly_msg ul li { margin:0 auto 20px!important; color:#999; font-size:14px; line-height:44px;}
.ly_msg ul li h4 { width:12%!important; height:44px!important; line-height:44px!important;}
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt2 { height:44px!important; background: url(/images/tb_img.png) right center no-repeat!important;}
.ly_msg ul li .msg_ipt2, .msg_ipt2 input { width:160px!important;}
.msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input { height:44px!important;}
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_tara { width:88%!important;}
.msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input, .msg_tara textarea { font-size:14px!important; background-color:#f8f8f8!important; border:none!important;}
.ly_msg ul li .msg_ipt1 #selPvc { height:44px!important; line-height:44px!important; color:#666!important; font-size:14px!important; background-color:#f8f8f8!important; border:none!important; padding:0 15px!important; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.ly_msg ul li a.yzm_img { width:120px!important; height:44px!important; background: url(/images/tb_img.png) right center no-repeat!important;}
.ly_msg ul li a.yzm_img img { display:block; width:100%!important; height:100%!important;}
.ly_msg ul li .msg_btn { width:88%!important;}
.msg_btn input { width:160px!important; height:44px!important; line-height:44px!important; color:#fff!important; font-size:15px!important; text-align:center!important; border:none!important; background-color:#0058cb!important; cursor:pointer!important;}
.msg_btn input:last-child { background-color:#667589!important;}
.msg_btn input:last-child:hover { background-color:#0058cb!important;}




/*新首页简介*/
.pull-left { float: left!important; width: 570px; }
.pull-right { float: right!important; width: 590px; font-size: 14px; line-height: 30px; }
.pull-right p { width: 100%; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; text-indent: 2em; text-align: justify; margin: 0 auto 45px; padding: 10px 0 0; height: 270px; }
.ck_more { display: block; width: 200px; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 16px; text-align: center; background-color: #0280f6; margin: 8px 0 0; padding: 0;
float:right;}

/*优势*/
.columnTitle {text-align:center;}
.columnTitle .tit {line-height:40px;font-size:34px;color:#333333;font-weight:bold;}
.columnTitle .txt {line-height:20px;font-size:16px;color:#666666;margin-top:16px;}
.ji_bg {padding:50px 0 0;font-size:0;overflow:hidden;margin: 0 auto;    width: 1200px;}
.ji_t ul li {width:140px;height:42px;text-align:center;line-height:42px;position:absolute;top:380px;font-size:14px;color:#fff;background:url(../images/ji_rbtn.png) no-repeat;overflow:hidden;z-index:5;font-weight:bold;}
.ji_t ul li.on {background:url(../images/ji_lbtn.png) no-repeat;}
.ji_lico {left:0;}
.ji_rico {right:0;}
.ji_m01 {background:url(../images/ji_bg01.gif) no-repeat center center;height:632px;position:relative;padding-top:50px;}
.ji_m01 dl {display:inline-block;width:500px;padding:0 0 110px;}
.ji_m01 dl dt {width:204px;height:204px;float:right;box-shadow:2px 5px 8px #ccc;border-radius:200px;-webkit- border-radius:200px;-moz-border-radius:200px;-o-border-radius:200px;}
.ji_m01 dl dt img {width:204px;height:204px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-o-transition:-o-transform 0.5s ease-out;-ms-transition:-ms-transform 0.5s ease-out;}
.ji_m01 dl dt img:hover {-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.ji_m01 dl dd {width:256px;float:left;text-align:right;padding:45px 0 0 0;}
.ji_m01 dl dd span {display:block;font-size:22px;color:#333;line-height:20px;font-weight:bold;}
.ji_m01 dl dd span em{display:inline-block;vertical-align:middle;width:39px;height:50px;background:url(../images/n1.gif) center center no-repeat;color:#fff;line-height:43px;text-align:center;font-size:20px;font-weight:bold;margin-right:14px;text-indent:-5px;}
.ji_m01 dl dd p {font-size:14px;color:#666;line-height:25px;padding:12px 0 0;}
.ji_m01 dl dd:hover span {color:#0280f6}
.ji_m01l,.ji_m01r {width:500px;}
.ji_m01 .ji_m01r dl dt {float:left;}
.ji_m01 .ji_m01r dl dd {padding:45px 0 0 40px;text-align:left;}
.ji_m01 .ji_bt01 {display:block;font-size:24px;color:#fff;width:140px;height:140px;text-align:center;line-height:36px;position:absolute;top:216px;left:530px;}
.ji_m01 .ji_bt01 i {display:block;padding:32px 0 0;font-style:normal;}
.ji_m01 .u_btn {display:block;font-size:14px;color:#0280f6;font-weight:bold;width:110px;height:34px;text-align:center;line-height:34px;border:#0280f6 1px solid;position:absolute;bottom:80px;left:545px;}
.ji_m01 .u_btn:hover,.about dl dd b a:hover {animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.ji_m01 .ji_dl03 {padding:145px 0 0;width:450px;}
.ji_m01 .ji_dl03 dd {width:435px;padding:0;}
.ji_m01 .ji_dl03 dd p {width:200px;float:right;}



/*推荐产品*/
.w1236 {width:1236px;margin:0 auto;}/*用在首页推荐产品板块*/

/*首页推荐产品*/
.cp_header{	text-align: center; background:url(../images/gcal_h.jpg) no-repeat center; height:62px;}
.cp_header p{ font-size:18px; color:#dadada;}
.cp_header p span{ font-size:26px; color:#0e8de6;}
.cp_header b{ font-size:24px; color:#333;}

.gcal{	padding: 30px 0 0;width:1200px;margin:0 auto;}
.gcal .gggg{
	overflow:hidden;
	width:1200px;
	height:300px;
	margin:25px 0;
	padding:0 0;
	border-top:0;
}
.gcal .gggg .swiper-slide{
	float: left;
	width: 285px;
}
.gcal .gggg p a{
	display: block;
	
}

.gcal .gggg p a.bd:link,.gcal .gggg .swiper-slide a.bd:visited{
    border: 1px solid #eee;
}
.gcal .gggg p a.bd:hover{
    border: 1px solid #33549B;
}
.gcal .gggg p a span{
	display: block;
	height: 190px;
	text-align: center;
	padding: 10px;
}
.gcal .gggg  p{
	margin-top: 15px;
	text-align: center;
}

.gcal .proimg_bk{ width: 268px; height: 248px; border: 1px solid #dfdfdf; position: relative; display: table-cell; text-align: center; vertical-align: middle; background-color: #fff; }
.gcal .proimg_bk:hover { border: 1px solid #244ca1; }
.gcal .proimg_bk .proimg { text-align: center; position: static; +position:absolute;
top: 50%; }
.gcal .proimg_bk img { vertical-align: middle; position: static; +position:relative;
top: -50%; left: -50%; max-width: 250px; max-height: 240px; }
.gcal .Detail{ display:none;}